.user {
  &-avator-dropdown {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;

    .user-name{
      color: #5c6b77;
      padding-left: 6px;

      &.light{
        color: #5c6b77;
      }

      &.dark{
        color: #fff;
      }
    }


    &.light {
      &:hover {
        color: #9ea3a7;
        background-color: #F8F8F9
      }
    }
  
    &.dark {
      &:hover {
        color: #5c6b77;
        background-color: #000
      }
    }
  }

 
}